
.split{
    display: flex;
    flex-wrap: wrap;
    & > :nth-child(n + 2)::before{
        position: relative;
        content: '';
        background: #e8e8e8;
        line-height: 1.5;
    }
    &.horizontal{
        align-items: center;
        &.common{
           & > :nth-child(n + 2)::before{
                width: 1px;
                top: -0.06em;
                height: 0.9em;
                margin: 0 6px;
                display: inline-block;
            }
        }
        &.space{
            & > :nth-child(n + 2){
                margin-left: 12px;
            }
        }
    }
    &.vertical{
        flex-direction: column;
        &.common{
           & > :nth-child(n + 2)::before{
                width: 100%;
                height: 1px;
                margin: 8px 0 ;
                display: inline-block;
            }
        }
        &.space{
            & > :nth-child(n + 2){
                margin-top: 12px;
            }
        }
    }

}
